* {
    box-sizing: border-box;
  }
  
  body {
    scroll-behavior: smooth;
    margin:0;
  }

  body, html {
    margin: 0;
    padding: 0;
   
}


.contenedor {
    width: 100%;
    height: 100vh; /* Ajusta la altura al 100% del viewport */
    background-image: url(../imagenes/index-bg.jpg); /* URL de tu imagen de fondo */
    background-position: center; /* Centra la imagen */
    background-size: cover; /* Ajusta la imagen para cubrir el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}


.boton {
    margin-top: 34%;
    margin-left: 60%;
    width: 20%;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    font-size: 1.2vw; /* Ajusta el tamaño de fuente según tus preferencias */
    text-align: center;
    font-family:'nexaheavy';;
    cursor: pointer;
    background-color: #9499ed; /* Color de fondo */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  }


  .boton:hover {
    background-color: #000094; /* Cambia el color de fondo al pasar el ratón */
    text-decoration: #ffffff; /* Cambia el color del texto al pasar el ratón */
    margin-bottom: 0;
  }

  .boton a {
    text-decoration: none;
    color: #000094; /* Color del texto */
    margin-bottom: 0;
    padding: 15%;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  }

  .boton a:hover {
    color: #ffffff; /* Color del texto */
  }